<template>
  <div class="" id="TabSwitch">
    <div>   
        <!-- <label id="project_summary" class="btn btn-primary mr-1" >项目汇总</label> -->
        <!-- <router-link tag="label" to="/project/qa/gerritreview" class="btn btn-primary mr-2">
            项目汇总        
        </router-link>
        <router-link tag="label" to="/project/qa/gerritreview" class="btn btn-secondary mr-2">
            代码评审        
        </router-link>
        <router-link tag="label" to="/project/qa/gerritreview" class="btn btn-secondary mr-2">
            需求实现    
        </router-link>
        <router-link tag="label" to="/project/qa/gerritreview" class="btn btn-secondary mr-2">
            阶段评审     
        </router-link>
        <router-link tag="label" to="/project/qa/defectreview" class="btn btn-secondary mr-2">
            缺陷分析    
        </router-link>
        <router-link tag="label" to="/project/qa/gerritreview" class="btn btn-secondary mr-2">
            项目阶段质量达标       
        </router-link>
        <router-link tag="label" to="/project/qa/gerritreview" class="btn btn-secondary mr-2">
            客户投诉       
        </router-link> -->
    </div>
    <!-- <hr> -->
    <div class="">
        <!-- <router-view></router-view> -->
        <!-- <DataTable :columns="columns" :table_data='table_data'></DataTable> -->
    </div>
    
  </div>
</template>

<script>
// @ is an alias to /src
// import Label from '@/views/Label.vue'
import DataTable from '@/components/qa/DataTable.vue'

export default {
    name: 'TabSwitch',
    components: {
        // Label,
        DataTable
    },
    data() {
        return {
                
        }
    },
    watch: {
        
    },
    methods: {

    },
    beforeCreate: function() {
        // eslint-disable-next-line
        // console.log('Component TabSwitch: before create');
    },
    created() {
        // var self = this;
        // eslint-disable-next-line
        // console.log('Component TabSwitch: create');
    },
    beforeMount: function() {
        // console.log('Component TabSwitch: before mount');
    },
    mounted: function() {
        // eslint-disable-next-line
        // console.log('Component TabSwitch: mount');
        /* eslint-disable */
        $('label').each(function () {
            $(this).click(function () {
                $(this).removeClass('btn-secondary');
                $(this).addClass('btn-primary');
                $(this).siblings().removeClass('btn-primary').addClass('btn-secondary');
            });
        })
    },
    beforeUpdate: function() {
        // eslint-disable-next-line
        // console.log('Component TabSwitch: before update');
    },
    updated: function() {
        // eslint-disable-next-line
        // console.log('Component TabSwitch: update');
    },
    beforeDestroy: function() {
        // eslint-disable-next-line
        // console.log('Component TabSwitch: before destroy');
    },
    destroyed: function() {
        // eslint-disable-next-line
        // console.log('Component TabSwitch: destroy');
    }
}
</script>
<style>

</style>

